<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
    <title>练习A</title>
</head>
    <style type="text/css">
     li {
         list-style: none;
         display: inline-block;
         padding: 0px;
         margin: 0px;
     }
h1 {color: red}
p {color: blue}
img{width:180px;height:300px;margin: 5px;
padding: 15px; float:left;
 }
    </style>
<body bgcolor="gray">
    <h1 align="center">练习A</h1>
    <div class="right">
           <!--这是一段注释。注释不会在浏览器中显示。-->
<ul>
		<li>
<p><img src="t1.jig" alt="11"></p>
<p>This my first picture</p>
	</li>
        <li>
<p><img src ="t2.jpg" alt="22"></p>
<p>This my second picture</p>
</li>
        <li>
<p><img src ="t3.jpg" alt="33"></p>
<p>This my thrid picture</p>
</li>
<bdo dir="rt0">
<p>
    春眠不觉晓，<br/><hr/>
    处处闻啼鸟。<br/><hr/>
    夜来风雨声，<br/><hr/>
    花落知多少。<br/><hr/>
</bdo>
</p>

</body>

</heml>

